<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common.css">
		<link rel="stylesheet" type="text/css" href="../css/product.css">
	</head>
	<body>
		<div class="top-header">
			<a href="../login.html" class="top-item" style="color: #888;">登录</a>
			<a href="../register.html" class="top-item" style="color: #888;">注册</a>
		</div>
		<div class="bottom-header">
			<div class="bottom-content">
				<div style="flex:1;">
					<a href="../index.html">
						<img src="../img/logo.gif" width="150" height="50">
					</a>
				</div>
				<div style="flex:2; text-align: center;">
					<input type="text" placeholder="请输入查询关键词" class="input">
					<button type="button" class="btn">搜索</button>
				</div>
				<div class="cart-btn" style="flex:1; text-align: right;position: relative;">
					<a href="">
						<img src="../img/Shopping-cart-1@3x.png" style="width: 20px; height: 20px;" alt="">
					</a>
					<div class="cart-box">
						<h3>购物车</h3>
						<div style="display: flex;align-items: center;">
							<div style="padding: 0px 10px;">
								<img src="../img/815694ff3aeb40379e50721301d79701.jpg" width="50" height="50" alt="">
							</div>
							<div style="font-size: 12px;">
								<p class="text-hidden">
									<span style="color: red;">1</span><span>寻真水果 山东烟台栖霞红苹果12345</span>
								</p>
								<p style="text-align: left; color: red;">0.7</p>
							</div>
						</div>
						<div class="cart-bottom">
							<div class="left">
								<span>共：￥0.73</span>
							</div>
							<div class="right">
								<span>查看购物车</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<section class="product-header">
			<section class="product-content">
				<p>缤纷果园，海南大香蕉，新疆哈密瓜香又甜</p>
			</section>
		</section>
		<div class="product-body product-content">
			<div>
				<div class="product-details">
					<div class="product-picture">
						<div class="img-border">
							<img src="../img/158556ef2b7542e883c57563f3db6eac.jpg" width="235" height="235">
						</div>
					</div>
					<div class="product-main">
						<div class="product-price">
							<div>
								<span style="font-size:15px; text-decoration: line-through;color: #999;">市场价：￥1.3</span>
								<b style="font-size: 18px;">￥1.0</b>
							</div>
							<div class="button button-star">
								<img class="before-img" src="../img/Shopping-bag-3@3x.png" width="15" height="15">
								<img class="after-img" src="../img/Lock-square@3x.png" width="15" height="15">
							</div>
						</div>
						<div class="divider"></div>
						<div class="product-price">
							<div>
								<b>商品简介</b>
							</div>
							<div style="display: flex; align-items: center;">
								<img src="../img/Shopping-bag-3@3x.png" width="18" height="18">
								<span style="color: #414141;font-weight: 500;">有货</span>
							</div>
						</div>
						<div style="margin-bottom:30px;">买水果，到军哥水果店，军哥水果，质量保证，个大饱满多汁</div>
						<div class="divider"></div>
						<div class="product-bottom">
							<div class="product-quanlily">
								<span style="width: 80px;">购买数量</span>
								<div class="input-number">
									<span class="input-number-operation">-</span>
									<input class="input-number-center" type="text" value="1" />
									<span class="input-number-operation">+</span>
								</div>
							</div>
						</div>

						<div class="product-hotSale">
							<a href="">
								<div class="button btn-add">加入购物车</div>
							</a>
							<div class="button btn-buy">立即购买</div>
						</div>
					</div>
				</div>
				<div class="product-hotSale">
					<b style="font-size: 16px;">热销商品</b>
					<div class="hotsale-divider"></div>
					<div class="hotsale-product">
						<img class="img-border" src="../img/815694ff3aeb40379e50721301d79701.jpg" width="80" height="80"
							alt="">
						<div>
							<a style="font-size: 12px;" href="pitaya.html">
								缤纷果园，山东烟台大苹果，真的甜
							</a>
							<p style="font-size: 18px;">￥5.0</p>
							<p style="font-size: 15px;text-decoration: line-through;">市场价：￥8.3</p>
						</div>
					</div>
					<div class="hotsale-product">
						<img class="img-border" src="../img/97812ce7d175451484ce43705ad6d5c3.jpg" width="80" height="80"
							alt="">
						<div>
							<a style="font-size: 12px;" href="">
								超级西红柿，酸酸甜甜又多汁
							</a>
							<p style="font-size: 18px;">￥3.0</p>
							<p style="font-size: 15px;text-decoration: line-through;">市场价：￥5.5</p>
						</div>
					</div>
				</div>
			</div>
			<div class="product-descripition">
				<div style="border-bottom:1px solid #ddd;">
					<span class="product-desc">商品描述</span>
					<span class="product-review">商品评论(3)</span>
				</div>
				<div style="margin-top: 15px;font-size: 14px;margin-bottom: 50px;">缤咕果园 海南红心火龙果6斤装约7个大果</div>
			</div>
		</div>
</html>
